<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/common.jsp"%>     
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置头像</title>
	</head>
	<body>
		<%@include file="../common/header.jsp"%>
		<%@include file="../common/headerMemberInfo.jsp"%>
		
		
		<div class="vip_main vip_setting set_header container clearfix">
		<input type="hidden" id="settingClass" value="data"/>
			<%@include file="../common/leftMemberInfo.jsp"%>
			<div class="right l">
				<div>
					<a href="${ctx }/member/vip_data_setting" >基本资料</a>
					<a href="${ctx }/member/vip_set_header"  class="red">头像照片</a>
				</div>
				<form action="${ctx}/member/uploadmImg" method="post" enctype="multipart/form-data">
					<input type="hidden" name="mId" id="mId">
					<input type="hidden" name="mPhone" id="mPhone">
					<div class="upload_photo">
						请选择您要上传的头像
						<input type="file" id="uploadImg" name="mImg" onchange="setImagePreview();"  accept="image/jpg,image/jpeg,image/png"/>
					</div>
					
					<p class="f14 nine">仅支持JPG、GIF、PNG图片文件，且文件小于4M</p>
					<div class="upload_header clearfix">
						<ul>
							<li class="big_header">
								<img class="previewBig six f16" id="previewBig"/>
							</li>
							<li class="small_header">
								<p>效果预览</p>
								<p class="f12 nine">您上传的图片会自动生成两种尺寸，请注意小头像的尺寸是否清晰</p>
								<div class="tac preview">
									<div class="small f10">
										<span id="smallImgSpan" style="width:'60px';height:'60px'">没有预览可用</span>
										<img class="previewSmall f10"  id="previewSmall">
									</div>
								</div>
							</li>
						</ul>
					</div>
					<button>保存</button>
				</form>
			</div>
		</div>
		<!--底部-->
	<%@include file="../common/bottom.jsp"%>
	<script type="text/javascript" src="${ctx}/js/member/vip_set_header.js"></script>
	</body>
</html>
